<?
$gender = array(''=>'--  --','M'=>'male','F'=>'female');
$civil_s = array(''=>'','single'=>'single','married'=>'Married','widowed'=>'widowed','widower'=>'widower');
$role = array(''=>'-- Select Role --',
			  'president'=>'President',
			  'admin'=>'admin',
			  'evaluation'=>'Evaluation',
			  'finance'=>'finance',
			  'cashier'=>'cashier',
			  'registrar'=>'registrar',
			  'hrd'=>'hrd',
			  'teacher'=>'teacher',
			  'student'=>'student',
			  'user'=>'user',
			  'librarian'=>'librarian',
			  'custodian'=>'custodian',
			  'guidance'=>'guidance',
			  'department-head'=>'Department Head');
?>

<?=$system_message;?>
<script>
	$(document).ready(function(){
		$('#username').on('hover load keyup blur',function(){
			$('#password_').val($(this).val());
		});
	});
</script>
<div class="panel"><strong>New Employee</strong></div>
<div class="panel">
<hr class="clearfix">
<form method="POST" action="<?=site_url('hrd/new_employee');?>">
<div class="row">
	<label class="label">Account</label>
	<hr class="clearfix">
	<div class="large-4 columns">
		<label>Username</label>
		<input type="text" id="username" name="username" value="<?=set_value('username');?>" required>
	</div>
	<div class="large-4 columns">
		<label>Password (password will be the Username)</label>
		<input type="text" id="password_" disabled>
	</div>
	<div class="large-4 columns"></div>
</div>
<div class="row">
	<label class="label">Personal Information</label>
	<hr class="clearfix">
	<div class="large-4 columns">
		<label>Firstname</label>
		<input type="text" name="fname" value="<?=set_value('fname');?>" required>
	</div>
	<div class="large-4 columns">
		<label>Lastname</label>
		<input type="text" name="lname" value="<?=set_value('lname');?>" required>
	</div>
	
	<div class="large-4 columns">
		<label>Middlename</label>
		<input type="text" name="mname" value="<?=set_value('mname');?>" required>
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Name Ext. i.e(jr,sr,II)</label>
		<input type="text" name="name_ext" value="<?=set_value('name_ext');?>">
	</div>
	<div class="large-4 columns">
		<label>Role</label>
		<!--<input type="text" name="role" value="<?=set_value('role');?>">-->
		<?=form_dropdown('role',$role,set_value('role'),'required');?>
	</div>
	
	<div class="large-4 columns">
		<label>Birthdate <span style="font-size:10px;">(yyyy-mm-dd)</span></label>
		<input type="text" name="dob" placeholder="YYYY-MM-DD" value="<?=set_value('dob');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Birthplace</label>
		<input type="text" name="pob" value="<?=set_value('pob');?>">
	</div>
	<div class="large-4 columns">
		<label>Email Address</label>
		<input type="text" name="email" value="<?=set_value('email');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Gender</label>
		<?=form_dropdown('gender',$gender,set_value('gender'));?>
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Civil Status</label>
		<?=form_dropdown('civilstat',$civil_s,set_value('civilstat'));?>
	</div>
	<div class="large-4 columns">
		<label>citizenship</label>
		<input type="text" name="citiz" value="<?=set_value('citiz');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Height</label>
		<input type="text" name="height" value="<?=set_value('height');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Weight</label>
		<input type="text" name="weight" value="<?=set_value('weight');?>">
	</div>
	<div class="large-4 columns">
		<label>Blood Type</label>
		<input type="text" name="bloodt" value="<?=set_value('bloodt');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Religion</label>
		<input type="text" name="religion" value="<?=set_value('religion');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>SSS ID:</label>
		<input type="text" name="sss_id"value="<?=set_value('sss_id');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Pagibig No.</label>
		<input type="text" name="pagibig" value="<?=set_value('pagibig');?>">
	</div>
		<div class="large-4 columns">
		<label>Phil-Health No.</label>
		<input type="text" name="philhealth" value="<?=set_value('philhealth');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Residential Tel No:</label>
		<input type="text" name="res_tel" value="<?=set_value('res_tel');?>">
	</div>
	<div class="large-4 columns">
		<label>Residential Address:</label>
		<input type="text" name="res_addr" value="<?=set_value('res_addr');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Residential Zip:</label>
		<input type="text" name="res_zip" value="<?=set_value('res_zip');?>">
	</div>
</div>
<div class="row">

	<div class="large-4 columns">
		<label>Permanent Address:</label>
		<input type="text" name="perm_add" value="<?=set_value('perm_add');?>">
	</div>
		<div class="large-4 columns">
		<label>Permanent Tel No:</label>
		<input type="text" name="perm_tel" value="<?=set_value('perm_tel');?>">
	</div>
	<div class="large-4 columns">
		<label>Permanent Zip:</label>
		<input type="text" name="perm_zip" value="<?=set_value('perm_zip');?>">
	</div>
</div>
<!--
<div class="row">
	<div class="large-4 columns">
		<label>Church Affiliation:</label>
		<input type="text" name="ch_aff" value="<?=set_value('ch_aff');?>">
	</div>
	<div class="large-4 columns">
		<label>Church Address:</label>
		<input type="text" name="ch_add" value="<?=set_value('ch_add');?>">
	</div>
	<div class="large-4 columns">
		<label>Church Contact Number:</label>
		<input type="text" name="ch_telno" value="<?=set_value('ch_telno');?>">
	</div>
</div>
-->

<!-- 
 FAMILY BACKGROUND
-->
<div class="row">
	<label class="label">Family Background</label>
	<hr class="clearfix">
</div>
<div class="row">
	<label class="label secondary">Father's Information:</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>Father's Firstname</label>
		<input type="text" name="ffname" value="<?=set_value('ffname');?>">
	</div>
	<div class="large-4 columns">
		<label>Father's Middlename</label>
		<input type="text" name="fmname"value="<?=set_value('fmname');?>">
	</div>
	<div class="large-4 columns">
		<label>Father's Lastname</label>
		<input type="text" name="fsname" value="<?=set_value('fsname');?>">
	</div>
</div>
<div class="row">
	<label class="label secondary">Mother's Information:</label>
	<br class="clearfix">
	
	<div class="large-4 columns">
		<label>Mother's Firstname</label>
		<input type="text" name="mfname" value="<?=set_value('mfname');?>">
	</div>
	<div class="large-4 columns">
		<label>Mother's Middlename</label>
		<input type="text" name="mmname" value="<?=set_value('mmname');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Mother's Lastname</label>
		<input type="text" name="msname" value="<?=set_value('msname');?>">
	</div>
</div>
<div class="row">
	<label class="label secondary">Spouse's Information:</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>Spouse's Firstname</label>
		<input type="text" name="spfname" value="<?=set_value('spfname');?>">
	</div>
	<div class="large-4 columns">
		<label>Spouse's Middlename</label>
		<input type="text" name="spmname" value="<?=set_value('spmname');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Spouse's Lastname</label>
		<input type="text" name="ssname" value="<?=set_value('ssname');?>">
	</div>
</div>
<div class="row">
	<div class="large-8 columns">
		<label>Name of Children:</label>
		<textarea></textarea>
	</div>
	<div class="large-4 columns"></div>
</div>

<div class="row">
	<label class="label">Educational Background</label>
	<hr class="clearfix">
</div>
<div class="row">
	<label class="label secondary">ELEMENTARY:</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>School Name</label>
		<input type="text" name="elemsname" value="<?=set_value('elemsname');?>">
	</div>
	<div class="large-4 columns">
		<label>Degree/Course:</label>
		<input type="text" name="elemcourse" value="<?=set_value('elemcourse');?>">
	</div>
	<div class="large-4 columns">
		<label>Year Graduated (if graduated) :</label>
		<input type="text" name="elemyear" value="<?=set_value('elemyear');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Highest Grade/Level units earned (if not graduate):</label>
		<input type="text" name="elemunits" value="<?=set_value('elemunits');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance From :</label>
		<input type="text" name="elemattfr" value="<?=set_value('elemattfr');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance To :</label>
		<input type="text" name="elemattto" value="<?=set_value('elemattto');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Scholarship/Academic Honors Recieved </label>
		<input type="text" name="elemhonor" value="<?=set_value('elemhonor');?>">
	</div>
	<div class="large-9 columns"></div>
</div>

<div class="row">
	<label class="label secondary">Secondary:</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>School Name</label>
		<input type="text" name="secname" value="<?=set_value('secname');?>">
	</div>
	<div class="large-4 columns">
		<label>Degree/Course:</label>
		<input type="text" name="seccourse" value="<?=set_value('seccourse');?>">
	</div>
	<div class="large-4 columns">
		<label>Year Graduated (if graduated) :</label>
		<input type="text" name="secyear" value="<?=set_value('secyear');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Highest Grade/Level units earned (if not graduate):</label>
		<input type="text" name="secunit" value="<?=set_value('secunit');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance From :</label>
		<input type="text" name="secattfrom" value="<?=set_value('secattfrom');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance To :</label>
		<input type="text" name="secattto" value="<?=set_value('secattto');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Scholarship/Academic Honors Recieved </label>
		<input type="text" name="sechonors" value="<?=set_value('sechonors');?>">
	</div>
	<div class="large-9 columns"></div>
</div>

<div class="row">
	<label class="label secondary">College:</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>School Name</label>
		<input type="text" name="colname" value="<?=set_value('colname');?>">
	</div>
	<div class="large-4 columns">
		<label>Degree/Course:</label>
		<input type="text" name="colcourse" value="<?=set_value('colcourse');?>">
	</div>
	<div class="large-4 columns">
		<label>Year Graduated (if graduated) :</label>
		<input type="text" name="colyear" value="<?=set_value('colyear');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Highest Grade/Level units earned (if not graduate):</label>
		<input type="text" name="colunits" value="<?=set_value('colunits');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance From :</label>
		<input type="text" name="colattfrom" value="<?=set_value('colattfrom');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance To :</label>
		<input type="text" name="colattto" value="<?=set_value('colattto');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Scholarship/Academic Honors Recieved </label>
		<input type="text"  name="colhonors" value="<?=set_value('colhonors');?>">
	</div>
	<div class="large-9 columns"></div>
</div>

<div class="row">
	<label class="label secondary">Vocational:</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>School Name</label>
		<input type="text" name="vocname" value="<?=set_value('vocname');?>">
	</div>
	<div class="large-4 columns">
		<label>Degree/Course:</label>
		<input type="text" name="voccourse" value="<?=set_value('voccourse');?>">
	</div>
	<div class="large-4 columns">
		<label>Year Graduated (if graduated) :</label>
		<input type="text" name="vocyear" value="<?=set_value('vocyear');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Highest Grade/Level units earned (if not graduate):</label>
		<input type="text" name="vocunits" value="<?=set_value('vocunits');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance From :</label>
		<input type="text" name="vocattfrm" value="<?=set_value('vocattfrm');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance To :</label>
		<input type="text" name="vocattto" value="<?=set_value('vocattto');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Scholarship/Academic Honors Recieved </label>
		<input type="text" name="vochonors" value="<?=set_value('vochonors');?>">
	</div>
	<div class="large-9 columns"></div>
</div>


<div class="row">
	<label class="label secondary">GRADUATE/MASTERAL :</label>
	<br class="clearfix">
	<div class="large-4 columns">
		<label>Name Of School</label>
		<input type="text" name="gradname" value="<?=set_value('gradname');?>">
	</div>
	<div class="large-4 columns">
		<label>Degree/Course</label>
		<input type="text" name="gradcourse" value="<?=set_value('gradcourse');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Year Graduated (If Graduated):</label>
		<input type="text" name="gradyear" value="<?=set_value('gradyear');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Highest Grade/Level units earned (if not graduate) :</label>
		<input type="text" name="gradunits" value="<?=set_value('gradunits');?>">
	</div>
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance From :</label>
		<input type="text" name="gradattfrm" value="<?=set_value('gradattfrm');?>">
	</div>
	
	<div class="large-4 columns">
		<label>Inclusive Date of Attendance To :</label>
		<input type="text" name="gradattto" value="<?=set_value('gradattto');?>">
	</div>
</div>
<div class="row">
	<div class="large-4 columns">
		<label>Scholarship/Academic Honors Recieved :</label>
		<input type="text" name="gradhonors" value="<?=set_value('gradhonors');?>">
	</div>
	<div class="large-9 columns"></div>
</div>
<div class="row">
	<div class="large-8 columns">
		<label>Other Things you want us to know:</label>
		<textarea></textarea>
	</div>
	<div class="large-4 columns"></div>
</div>
<div class="row">
	<div class="large-8 columns">
		<input type="hidden" value="s1_sds_doc" value="<?=substr(md5(mt_rand(10,1234)),3,14);?>"/>
		<input type="hidden" value="spr_a_loc" value="<?=mt_rand(1234,3234);?>"/>
		<input type="submit" class="btn btn-primary" name="add_new_employee" value="Save Employee Profile">
		</form>
	</div>
	<div class="large-4 columns"></div>
</div>
</div>